JavaScript Sinflarini Yaratishni O'zlashtirish: Ochiq Konstruktorlarni Chuqur O'rganish

JavaScript, ko'p qirrali va keng tarqalgan til bo'lib, zamonaviy vebning katta qismini quvvatlantiradi. Zamonaviy JavaScript dasturlashining muhim jihati sinflar yordamida obyektlarni yaratish va ular bilan ishlashni tushunishdir. JavaScript sukut bo'yicha konstruktorlarni taqdim etsa-da, ochiq konstruktorlarni o'zlashtirish kodingizda ko'proq nazorat, moslashuvchanlik va aniqlikni ta'minlaydi. Ushbu qo'llanma JavaScript sinflaridagi ochiq konstruktorlarning nozikliklarini o'rganib chiqadi, bu sizga ishonchli va qo'llab-quvvatlanadigan ilovalar yaratish imkonini beradi.

JavaScript Sinfi Nima?

ECMAScript 2015 (ES6) da taqdim etilgan JavaScript sinflari shablon asosida obyektlar yaratishning yanada tuzilmali va tanish usulini taqdim etadi. Ular asosan JavaScript'ning mavjud prototipga asoslangan vorisligi ustidagi sintaktik qulaylik bo'lib, boshqa obyektga yo'naltirilgan tillardan kelgan dasturchilarning moslashishini osonlashtiradi. Sinf o'sha sinf obyektiga tegishli bo'ladigan xususiyatlar (ma'lumotlar) va metodlarni (xulq-atvorni) belgilaydi.

Ushbu oddiy misolni ko'rib chiqing:

            class Animal {
  constructor(name, species) {
    this.name = name;
    this.species = species;
  }

  makeSound() {
    console.log("Generic animal sound");
  }
}

            

              
                Copy
              
            
          

Bu kodda Animal sinfdir. Uning constructor va makeSound metodi bor. constructor sinfning obyektlarini ishga tushirish uchun ishlatiladigan maxsus metoddir.

Konstruktorlarni Tushunish

constructor metodi JavaScript sinfining asosiy qismidir. U new kalit so'zi yordamida sinfning yangi obyekti (instansiyasi) yaratilganda avtomatik ravishda chaqiriladi. Uning asosiy maqsadi obyektning xususiyatlarini ishga tushirish orqali uning dastlabki holatini sozlashdir.

Konstruktorlarning asosiy xususiyatlari:

• Sinfda faqat bitta konstruktor bo'lishi mumkin.
• Agar siz konstruktorni ochiqchasiga belgilamasangiz, JavaScript sukut bo'yicha bo'sh konstruktorni taqdim etadi.
• constructor metodi yangi yaratilgan obyektga ishora qilish uchun this kalit so'zidan foydalanadi.

Ochiq va Yopiq (Sukut bo'yicha) Konstruktorlar

Ochiq Konstruktor: Ochiq konstruktor - bu siz sinf ichida o'zingiz belgilaydigan konstruktordir. Siz uning parametrlari va ishga tushirish mantig'i ustidan to'liq nazoratga egasiz.

Yopiq (Sukut bo'yicha) Konstruktor: Agar siz konstruktorni belgilamasangiz, JavaScript avtomatik ravishda bo'sh sukut bo'yicha konstruktorni taqdim etadi. Bu konstruktor hech qanday argument qabul qilmaydi va hech narsa bajarmaydi.

Yopiq konstruktorli sinf misoli:

            class Car {
  // Konstruktor belgilanmagan - yopiq konstruktor ishlatiladi
  startEngine() {
    console.log("Engine started!");
  }
}

const myCar = new Car();
myCar.startEngine(); // Natija: Engine started!

            

              
                Copy
              
            
          

Yopiq konstruktor ishlasa-da, u yaratilish paytida obyektning xususiyatlarini ishga tushirish imkoniyatini bermaydi. Aynan shu yerda ochiq konstruktorlar muhim ahamiyat kasb etadi.

Ochiq Konstruktorlardan Foydalanishning Afzalliklari

Ochiq konstruktorlar sukut bo'yicha yopiq konstruktorga tayanishdan ko'ra bir nechta afzalliklarni taqdim etadi:

1. Xususiyatlarni Ishga Tushirish

Eng muhim afzallik - bu obyekt xususiyatlarini to'g'ridan-to'g'ri konstruktor ichida ishga tushirish qobiliyatidir. Bu obyektlarning boshidanoq kerakli ma'lumotlar bilan yaratilishini ta'minlaydi.

Misol:

            class Book {
  constructor(title, author, pages) {
    this.title = title;
    this.author = author;
    this.pages = pages;
  }

  getDescription() {
    return `${this.title} by ${this.author}, ${this.pages} pages`;
  }
}

const myBook = new Book("The Hitchhiker's Guide to the Galaxy", "Douglas Adams", 224);
console.log(myBook.getDescription()); // Natija: The Hitchhiker's Guide to the Galaxy by Douglas Adams, 224 pages

            

              
                Copy
              
            
          

2. Parametrlarni Tekshirish

Ochiq konstruktorlar kiritilgan parametrlarni obyekt xususiyatlariga tayinlashdan oldin ularni tekshirish imkonini beradi. Bu xatolarning oldini olishga va ma'lumotlar yaxlitligini ta'minlashga yordam beradi.

Misol:

            class Rectangle {
  constructor(width, height) {
    if (width <= 0 || height <= 0) {
      throw new Error("Width and height must be positive values.");
    }
    this.width = width;
    this.height = height;
  }

  getArea() {
    return this.width * this.height;
  }
}

try {
  const invalidRectangle = new Rectangle(-5, 10);
} catch (error) {
  console.error(error.message); // Natija: Width and height must be positive values.
}

const validRectangle = new Rectangle(5, 10);
console.log(validRectangle.getArea()); // Natija: 50

            

              
                Copy
              
            
          

3. Standart Qiymatlar

Agar obyekt yaratish paytida tegishli argumentlar berilmagan bo'lsa, siz konstruktor ichida xususiyatlar uchun standart qiymatlarni o'rnatishingiz mumkin.

Misol:

            class Product {
  constructor(name, price = 0, quantity = 1) {
    this.name = name;
    this.price = price;
    this.quantity = quantity;
  }

  getTotalValue() {
    return this.price * this.quantity;
  }
}

const product1 = new Product("Laptop", 1200);
console.log(product1.getTotalValue()); // Natija: 1200

const product2 = new Product("Keyboard");
console.log(product2.getTotalValue()); // Natija: 0

            

              
                Copy
              
            
          

4. Murakkab Ishga Tushirish Mantig'i

Ochiq konstruktorlar qiymatlarni xususiyatlarga oddiygina tayinlashdan ko'ra murakkabroq ishga tushirish mantig'ini bajara oladi. Siz obyekt yaratish paytida hisob-kitoblarni amalga oshirishingiz, API so'rovlarini yuborishingiz yoki boshqa obyektlar bilan o'zaro aloqada bo'lishingiz mumkin.

Misol (simulyatsiya qilingan API so'rovi):

            class UserProfile {
  constructor(userId) {
    // API'dan foydalanuvchi ma'lumotlarini olishni simulyatsiya qilish
    const userData = this.fetchUserData(userId);

    this.userId = userId;
    this.username = userData.username;
    this.email = userData.email;
  }

  fetchUserData(userId) {
    // Haqiqiy ilovada bu haqiqiy API so'rovi bo'ladi
    const users = {
      123: { username: "john_doe", email: "john.doe@example.com" },
      456: { username: "jane_smith", email: "jane.smith@example.com" },
    };

    return users[userId] || { username: "Guest", email: "guest@example.com" };
  }
}

const user1 = new UserProfile(123);
console.log(user1.username); // Natija: john_doe

const user2 = new UserProfile(789); // Foydalanuvchi ID topilmadi, standart "Guest" foydalanuvchisi ishlatiladi
console.log(user2.username); // Natija: Guest

            

              
                Copy
              
            
          

Konstruktor Parametrlari va Argumentlari

Parametrlar: Konstruktor qavslari ichida e'lon qilingan o'zgaruvchilar parametrlar deb ataladi. Ular obyekt yaratilganda uzatiladigan qiymatlar uchun joy egallovchi vazifasini bajaradi.

Argumentlar: Obyekt yaratilganda konstruktorga uzatilgan haqiqiy qiymatlar argumentlar deb ataladi. Argumentlar tartibi konstruktorda belgilangan parametrlar tartibiga mos kelishi kerak.

Misol:

            class Person {
  constructor(firstName, lastName, age) { // firstName, lastName, age parametrlar
    this.firstName = firstName;
    this.lastName = lastName;
    this.age = age;
  }

  getFullName() {
    return `${this.firstName} ${this.lastName}`;
  }
}

const myPerson = new Person("Alice", "Wonderland", 30); // "Alice", "Wonderland", 30 argumentlar
console.log(myPerson.getFullName()); // Natija: Alice Wonderland

            

              
                Copy
              
            
          

Konstruktorlar va Vorislik

Vorislik (quyi sinflarni yaratish) bilan ishlaganda, konstruktorlar ham ota-sinf (superklass), ham bola-sinf (subklass) xususiyatlarining to'g'ri ishga tushirilishini ta'minlashda muhim rol o'ynaydi.

super() dan foydalanish

super() kalit so'zi quyi sinf konstruktori ichida ota-sinf konstruktorini chaqirish uchun ishlatiladi. Bu quyi sinfning o'z xususiyatlarini ishga tushirishdan oldin ota-sinf xususiyatlarini ishga tushirish uchun zarurdir.

Muhim: Quyi sinf konstruktorida this ga kirishdan oldin albatta super() ni chaqirishingiz kerak. Buni qilmaslik xatolikka olib keladi.

Misol:

            class Vehicle {
  constructor(make, model) {
    this.make = make;
    this.model = model;
  }

  getDescription() {
    return `${this.make} ${this.model}`;
  }
}

class Car extends Vehicle {
  constructor(make, model, numDoors) {
    super(make, model); // Ota-sinf konstruktorini chaqirish
    this.numDoors = numDoors;
  }

  getDescription() {
    return `${super.getDescription()}, ${this.numDoors} doors`;
  }
}

const myCar = new Car("Toyota", "Camry", 4);
console.log(myCar.getDescription()); // Natija: Toyota Camry, 4 doors

            

              
                Copy
              
            
          

Bu misolda Car sinfi Vehicle sinfidan meros oladi. Car konstruktori Vehicle sinfidan meros qolgan make va model xususiyatlarini ishga tushirish uchun super(make, model) ni chaqiradi. Keyin u o'zining numDoors xususiyatini ishga tushiradi.

Konstruktorlar Zanjiri

Konstruktorlar zanjiridan foydalanuvchiga moslashuvchanlikni taqdim etib, obyektni ishga tushirishning turli usullarini ta'minlashni xohlaganingizda foydalanish mumkin.

            class Employee {
  constructor(name, salary, department) {
    this.name = name;
    this.salary = salary;
    this.department = department;
  }

  static createFromDetails(name, salary) {
    return new Employee(name, salary, "Unassigned");
  }

  static createFromExisting(existingEmployee, newSalary) {
    return new Employee(existingEmployee.name, newSalary, existingEmployee.department);
  }
}

const emp1 = new Employee("Alice", 60000, "Engineering");
const emp2 = Employee.createFromDetails("Bob", 50000); // Statik zavod metodidan foydalanish
const emp3 = Employee.createFromExisting(emp1, 70000); // Mavjud xodim asosida yangisini yaratish

console.log(emp1);
console.log(emp2);
console.log(emp3);

            

              
                Copy
              
            
          

Konstruktorlar bilan ishlashning eng yaxshi amaliyotlari

• Konstruktorlarni oddiy saqlang: Konstruktor ichida murakkab mantiqdan saqlaning. Xususiyatlarni ishga tushirish va asosiy tekshiruvlarni bajarishga e'tibor qarating. Murakkab vazifalarni alohida metodlarga o'tkazing.
• Aniq va tushunarli parametr nomlaridan foydalaning: Bu konstruktorni tushunish va ishlatishni osonlashtiradi.
• Kiritilgan parametrlarni tekshiring: Kodingizni kutilmagan yoki noto'g'ri ma'lumotlardan himoya qiling.
• Standart qiymatlardan o'rinli foydalaning: Obyekt yaratishni soddalashtirish uchun oqilona standart qiymatlarni taqdim eting.
• DRY (O'zingizni Takrorlamang) tamoyiliga rioya qiling: Agar sizda bir nechta konstruktorlar yoki sinflar bo'yicha umumiy ishga tushirish mantig'i mavjud bo'lsa, uni qayta ishlatiladigan funksiyalar yoki metodlarga qayta ishlang.
• Quyi sinflarda super() ni chaqiring: Ota-sinf xususiyatlarini ishga tushirish uchun quyi sinf konstruktorida har doim super() ni chaqirishni unutmang.
• Statik zavod metodlaridan foydalanishni ko'rib chiqing: Murakkab obyekt yaratish stsenariylari uchun statik zavod metodlari toza va o'qilishi osonroq API taqdim etishi mumkin.

Qochish kerak bo'lgan umumiy xatolar

• Quyi sinflarda super() ni chaqirishni unutish: Bu kutilmagan xatti-harakatlar yoki xatolarga olib kelishi mumkin bo'lgan keng tarqalgan xatodir.
• super() ni chaqirishdan oldin this ga kirish: Bu xatolikka olib keladi.
• Sinfda bir nechta konstruktor belgilash: JavaScript sinflarida faqat bitta konstruktor bo'lishi mumkin.
• Konstruktor ichida juda ko'p mantiqni bajarish: Bu konstruktorni tushunish va qo'llab-quvvatlashni qiyinlashtirishi mumkin.
• Parametrlarni tekshirishni e'tiborsiz qoldirish: Bu xatolar va ma'lumotlar nomuvofiqligiga olib kelishi mumkin.

Turli sohalardagi misollar

Konstruktorlar turli sohalarda obyektlar yaratish uchun zarur:

• Elektron tijorat: Nom, narx, tavsif va rasm URL kabi xususiyatlarga ega Product obyektlarini yaratish.
• Moliya: Hisob raqami, balans va egasining ismi kabi xususiyatlarga ega BankAccount obyektlarini yaratish.
• Sog'liqni saqlash: Bemor ID, ismi, tug'ilgan sanasi va tibbiy tarixi kabi xususiyatlarga ega Patient obyektlarini yaratish.
• Ta'lim: Talaba ID, ismi, sinfi va kurslari kabi xususiyatlarga ega Student obyektlarini yaratish.
• Logistika: Kuzatuv raqami, jo'nash manzili, borish manzili va yetkazib berish sanasi kabi xususiyatlarga ega Shipment obyektlarini yaratish.

Global Mulohazalar

Global auditoriya uchun JavaScript ilovalarini ishlab chiqishda, konstruktorlar bilan ishlashda quyidagi omillarni hisobga oling:

• Sana va vaqt formatlari: Turli mintaqalar bo'ylab sana va vaqt formatlashni bir xilda boshqarish uchun Moment.js yoki Luxon kabi kutubxonalardan foydalaning. Konstruktorlaringiz turli formatdagi sana va vaqtlarni qabul qila olishi va qayta ishlashini ta'minlang.
• Valyuta formatlari: Turli mintaqalar uchun valyuta qiymatlarini to'g'ri formatlash uchun Numeral.js kabi kutubxonadan foydalaning. Konstruktorlaringiz turli valyuta belgilari va o'nlik ajratgichlarni boshqara olishini ta'minlang.
• Tilni qo'llab-quvvatlash (i18n): Agar ilovangiz bir nechta tilni qo'llab-quvvatlasa, konstruktorlaringiz mahalliylashtirilgan ma'lumotlarni boshqara olishini ta'minlang. Obyekt xususiyatlari uchun tarjima qilingan qiymatlarni taqdim etish uchun tarjima kutubxonasidan foydalaning.
• Vaqt zonalari: Sana va vaqtlar bilan ishlashda vaqt zonalari farqlarini hisobga oling. Har bir foydalanuvchi uchun sana va vaqtlarni tegishli vaqt zonasiga o'tkazish uchun vaqt zonasi kutubxonasidan foydalaning.
• Madaniy nyuanslar: Obyektlaringizni va ularning xususiyatlarini loyihalashda madaniy farqlardan xabardor bo'ling. Masalan, ismlar va manzillar turli mamlakatlarda turli formatlarga ega bo'lishi mumkin.

Xulosa

Ochiq konstruktorlar JavaScript'da obyektlarni ko'proq nazorat va moslashuvchanlik bilan yaratish va ishga tushirish uchun kuchli vositadir. Ularning afzalliklari va eng yaxshi amaliyotlarini tushunib, siz yanada mustahkam, qo'llab-quvvatlanadigan va kengaytiriladigan JavaScript ilovalarini yozishingiz mumkin. Konstruktorlarni o'zlashtirish malakali JavaScript dasturchisi bo'lish yo'lidagi muhim qadam bo'lib, sizga obyektga yo'naltirilgan dasturlash tamoyillarining to'liq salohiyatidan foydalanish imkonini beradi.

Standart qiymatlarni o'rnatishdan tortib, kiritilgan parametrlarni tekshirish va murakkab ishga tushirish mantig'ini boshqarishgacha, ochiq konstruktorlar ko'plab imkoniyatlarni taqdim etadi. JavaScript sayohatingizni davom ettirar ekansiz, ochiq konstruktorlarning kuchini qabul qiling va kodingizda samaradorlik va ifodalilikning yangi darajalarini oching.

Qo'shimcha O'rganish Uchun

• Mozilla Developer Network (MDN) - Classes: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Classes
• ECMAScript Language Specification: https://tc39.es/ecma262/
• JavaScript Object-Oriented Programming bo'yicha kitoblar
• Onlayn kurslar va qo'llanmalar (masalan, Udemy, Coursera, freeCodeCamp)